<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>通用方式</title>
</head>
<body>
<form autocomplete="off">
    姓名：<input type="text" id="username">
    <span id="uSpan"></span>
    <br>
    密码：<input type="password" id="password">
    <br>
    <input type="submit" value="注册">
</form>
</body>
<script src="../js/jquery-3.3.1.min.js"></script>
        <script>
            $("#username").blur(function (){
               let username = $("#username").val();
               //jquery通用方式
                $.ajax({
                   //1.资源路径
                    url:"userServlet",
                    //2.异步
                    async:true,
                    //3.参数
                    data:"username="+username,
                    //4.方法
                    type:"Post",
                    //5.数据形式
                    dataType:"text",
                    //成功时调用函数
                    success:function (data){
                        $("#uSpan").html(data);
                    },
                    //失败
                    error:function (){
                        alert("失败---------");
                    }
                });
            });
        </script>
</html>